EDIMH Elementos Gráficos Avanzados

Parte 1: Dominio Fotográfico
(Liberar la Imagen)

Para maquetar diseños complejos, no podemos permitir que las fotografías empujen el texto o deformen la retícula. Debemos tratar las imágenes como elementos independientes.

Paso 1: Ajuste de Texto

  • Ve a Insertar > Imágenes. Al colocarla en el lienzo, la imagen es rígida por defecto (En línea con el texto).
  • Selecciona la foto. En la esquina superior derecha aparecerá un pequeño ícono con un arcoíris (Opciones de diseño). Alternativamente, ve a la pestaña emergente Formato de imagen.
  • Haz clic en Ajustar texto y selecciona Delante del texto.

Resultado: La imagen ha abandonado la capa de escritura y ahora flota libremente (Eje Z). Puedes moverla a cualquier rincón sin alterar la estructura de tus párrafos.

FLOTANTE
DELANTE DEL TEXTO

Enmarcando la Forma (Recorte Profesional)

Paso 2: Geometría y Proporción

Con tu imagen flotante seleccionada, ve a la pestaña Formato de imagen.

A la derecha, busca el botón Recortar. NO hagas clic en la imagen del botón, haz clic en la pequeña flecha hacia abajo que tiene debajo.

  1. En el menú, selecciona Recortar a la forma y elige Elipse (Círculo). La foto tendrá bordes redondeados, pero probablemente se vea como un óvalo.
  2. Para forzar un círculo perfecto, vuelve a la flecha de Recortar, selecciona Relación de aspecto y haz clic en 1:1 (Cuadrado).
Formato de imagen
Recortar ▼
Recortar a la forma
Relación de aspecto > 1:1
PROPORCIÓN 1:1 PERFECTA
FOTO
PANEO DENTRO DE LA MÁSCARA

Encuadre Perfecto (Ajuste Interno)

Si la foto se recortó pero el rostro o el elemento clave quedó descentrado, podemos solucionarlo sin deformar nuestro círculo.

Ajuste interno: Ahora sí, haz clic exactamente en el centro del botón Recortar. Verás unas guías o "manijas" negras en las esquinas de tu imagen.

No toques las manijas negras. Haz clic sostenido dentro de la foto y arrástrala. Verás cómo la imagen se desliza "por detrás" del marco circular, permitiéndote centrar el encuadre. Presiona Enter o Esc para confirmar.

Magia Digital
(Aislamiento del Sujeto)

Paso 3: El Canal Alfa

Para montajes publicitarios, necesitamos sujetos sin fondo. Inserta una nueva fotografía (idealmente con buen contraste entre el sujeto y el fondo) y ponla "Delante del texto".

En la pestaña Formato de imagen, ve al extremo izquierdo y haz clic en Quitar fondo.

El programa teñirá de color magenta/fucsia intenso todo lo que el algoritmo considera que es "fondo". Todo lo pintado de magenta será destruido.

LA MÁSCARA MAGENTA SERÁ ELIMINADA

Precisión Clínica (Refinamiento de Bordes)

Paso 3 (Continuación): Recuperación y Borrado

El algoritmo rara vez es perfecto al primer intento. Usa las herramientas de la esquina superior izquierda:

  • Mantener: Dibuja líneas sobre partes del sujeto que el programa pinto de magenta por error.
  • Quitar: Dibuja líneas sobre pedazos de fondo que el programa no detectó (y que siguen con su color original).

Atajo Clínico: Mantén presionado Ctrl y usa la Rueda del ratón para hacer Zoom y marcar detalles con máxima precisión. Clic en "Mantener cambios" al terminar.

Eliminación de fondo
Marcar para mantener
Marcar para quitar
Mantener cambios
HERRAMIENTAS DE REFINAMIENTO

Vectores Nativos
(Coherencia Iconográfica)

Paso 4: La Biblioteca de Iconos

En el diseño moderno, no usamos imágenes JPG de baja resolución con fondos blancos feos para adornar listas. Utilizamos archivos SVG (Scalable Vector Graphics).

Ve a la pestaña Insertar > Ilustraciones y haz clic en Iconos (o busca "Icono SVG" en Imágenes en línea si tienes una versión anterior).

Regla de Coherencia: Selecciona 3 íconos diferentes, pero asegúrate de que mantengan el mismo estilo visual (ej. todos de "línea fina" o todos de "relleno sólido"). Insertalos en el lienzo.

ICONOS SVG (VECTORES PUROS)

Edición Vectorial (Colorización Perfecta)

Paso 4 (Continuación): El Color Corporativo

A diferencia de una foto, un archivo SVG se comporta matemáticamente igual que el texto o las formas básicas. ¡Puedes cambiarle el color al instante sin usar Photoshop!

Selecciona los tres íconos al mismo tiempo (manteniendo presionada la tecla Shift). Ve a Ajustar texto y ponlos Delante del texto.

En la pestaña Formato de gráficos, usa el botón Relleno de gráficos y aplica tu tono corporativo principal a los tres simultáneamente.

APLICACIÓN DE RELLENO GRÁFICO

Prácticas de Elementos Avanzados

Aplica el recorte circular (1:1), el aislamiento de sujetos (Canal Alfa), la edición de íconos SVG y la estructuración para replicar estas 4 composiciones profesionales.